<!DOCTYPE html>
<!--解决idea thymeleaf 表达式模板报红波浪线-->
<!--suppress ALL -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>追光人书城</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" href="../static/layui/css/layui.css"  media="all">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
    <script th:src="@{/layui/layui.js}" src="../static/layui/layui.js" charset="utf-8"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
    <!-- 必须先引入vue，再引入elementui -->
    <!--<script src="https://cdn.jsdelivr.net/npm/vue@2.7.9"></script>-->
    <script th:src="@{/js/vue.js}" src="../static/js/vue.js"></script>
    <!-- 引入elementui组件库-->
    <!--<script src="https://unpkg.com/element-ui/lib/index.js"></script>-->
    <script th:src="@{/js/element-ui.js}" src="../static/js/element-ui.js"></script>

    <link rel="stylesheet" th:href="@{/css/book1.css}" href="../static/css/book1.css">
    <link rel="stylesheet" th:href="@{/css/book2.css}" href="../static/css/book2.css">
</head>

<body>
     <!-- 顶部 -->
     <header>
        <!-- 顶部导航栏 -->
        <div class="header-nav">
            <div class="header-wrap content-center">
                <div class="header-left">
                    <span>网罗天下图书</span>&nbsp;
                    <span>传承中华文明</span>
                </div>
                <div class="header-right">
                    <!--<span><a class="header-right-a" th:href="@{/login}" href="login.html">登录 </a>/<a class="header-right-a" th:href="@{regist}" href="regist.html">注册 </a> </span>-->
                    <span th:each="cookie,cookieStat : ${#httpServletRequest.getCookies()}" style="margin-right: 0px;">
                    <span th:if="${cookie.getName() == 'username'}" th:text="${cookie.value}"></span>
                    <span th:if="${cookie.getName() == 'username'}" >
                        <a class="header-right-a" th:href="@{/signout}" href="login.html">退出</a>
                    </span>
                </span>
                    <span class="basicShow">
                    <a class="header-right-a" th:href="@{/login}" href="login.html">登录 </a>/
                    <a class="header-right-a" th:href="@{regist}" href="regist.html">注册 </a>
                </span>
                    <span>消息</span>
                    <span><a class="header-right-a" th:href="@{/cart}" href="login.html">购物车 </a></span>
                    <span>我的订单</span>
                    <span>个人中心</span>
                    <span>卖家中心</span>
                    <span>手机版</span>
                    <span>|</span>
                    <span><a class="header-right-a"  th:href="@{/}" href="index.html">返回主页 </a></span>
                    <span>后台管理</span>
                </div>
            </div>
        </div>
    </div>
    </header>
    <!-- 搜索页 -->
    <div class="header-search-box search" pagetype="search">
        <div class="header-search"> <a href="" class="logo-text clearfix"
                style="width: 300px;">
                <!--艺术品专场logo--> 
                <img th:src="@{/img/logo-art.dc94a828.png}" src="../static/img/logo-art.dc94a828.png">
            </a>
            <div class="search-box">
                <div class="clearfix">
                    <form id="searchForm" class="search-con">
                        <div class="search-type pm">
                            <div class="item-type" type="shop">商品</div>
                            <div class="item-type" type="pm">拍卖区</div>
                            <div class="indicator"></div>
                        </div>
                        <div class="search-input-box">
                           <input class="search-input-box-input" id="searchInput" type="text" name="searchWord" autocomplete="off"
                                maxlength="200" value=""> 
                        </div>
                        <div id="searchBtn" class="btn">搜索</div>
                    </form>
                    <div class="search-link"> <a class="adv-search-btn" href="javascript:;" rel="nofollow">高级搜索</a>
                    </div>
                </div>
                <ul id="hotwordsList" class="hotwords-list" style="display: none;"></ul>
            </div>
        </div>
    </div>
    <!-- 主要页面 -->
    <div class="layui-tab-h">
    <!-- 小编推荐页 -->
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
              <li class="layui-this">首页</li>
              <li>全部专场</li>
              <li>名人字画(85)</li>
              <li>名人墨迹(44)</li>
              <li>古籍旧书(28)</li>
              <li>古玩杂项(56)</li>
              <li>综合(68)</li>
              <li>工艺品(47)</li>
              <li>邮票(10)</li>
            </ul>
            <div class="layui-tab-content" style="height: 100px;">
              <div class="layui-tab-item layui-show">
    
    
                <div class="auctioneer_tuijian">
                    <div class="content">
                        <div class="title">小编推荐</div>
    
                        <div class="auctioneer_list">
                            <span class="item">
                                <a target="_blank" href="">
                                    <div class="logo_box">墨笺楼</div>
                                    <div class="bidNum">391件拍品 | 24专场<i class="icon pc-icon icon-rignt-8px" style="font-size: 12px;"></i></div>
                                    <div class="img_box">
                                        <img th:src="@{/img/crypt_s.jpg}" src="../static/img/crypt_s.jpg"
                                            onerror="imgerrorfun()" alt="">
                                    </div>
                                </a>
                            </span>
                            <span class="item">
                                <a target="_blank" href="">
                                    <div class="logo_box">沫沫小姐</div>
                                    <div class="bidNum">363件拍品 | 10专场<i class="icon pc-icon icon-rignt-8px" style="font-size: 12px;"></i></div>
                                    <div class="img_box">
                                        <img th:src="@{/img/5ef_s.jpg}" src="../static/img/5ef_s.jpg" onerror="imgerrorfun()"
                                            alt="">
                                    </div>
                                </a>
                            </span>
                            <span class="item">
                                <a target="_blank" href="">
                                    <div class="logo_box">坐拥百城艺术苑</div>
                                    <div class="bidNum">175件拍品 | 16专场<i class="icon pc-icon icon-rignt-8px" style="font-size: 12px;"></i></div>
                                    <div class="img_box">
                                        <img th:src="@{/img/a_s.jpg}" src="../static/img/a_s.jpg" onerror="imgerrorfun()"
                                            alt="">
                                    </div>
                                </a>
                            </span>
                            <span class="item">
                                <a target="_blank" href="">
                                    <div class="logo_box">ABCbook</div>
                                    <div class="bidNum">128件拍品 | 1专场<i class="icon pc-icon icon-rignt-8px" style="font-size: 12px;"></i></div>
                                    <div class="img_box">
                                        <img th:src="@{/img/s_s.jpg}" src="../static/img/s_s.jpg" onerror="imgerrorfun()"
                                            alt="">
                                    </div>
                                </a>
                            </span>
                            <span class="item">
                                <a target="_blank" href="">
                                    <div class="logo_box">合众书局</div>
                                    <div class="bidNum">28件拍品 | 1专场<i class="icon pc-icon icon-rignt-8px" style="font-size: 12px;"></i></div>
                                    <div class="img_box">
                                        <img th:src="@{/img/a5_s.jpg}" src="../static/img/a5_s.jpg" onerror="imgerrorfun()"
                                            alt="">
                                    </div>
                                </a>
                            </span>
                            <span class="item storey_item_none"></span>
                            <span class="item storey_item_none"></span>
                            <span class="item storey_item_none"></span>
                            <span class="item storey_item_none"></span>
                        </div>
                    </div>
                </div>
                <!-- 名人字画专场 -->
                <div class="special_storey mingren_special">
                    <div class="special_storey_title special_storey_title1">
                        <div class="name">名人字画专场</div>
                        <ul class="small_title">
                            <li><a href="" target="_blank">西画</a></li>
                            <li><a href="" target="_blank">木版年画</a></li>
                            <li><a href=""
                                    target="_blank">藏书票</a></li>
                            <li><a href=""
                                    target="_blank">国画</a></li>
                            <li><a href=""
                                    target="_blank">花鸟国画</a></li>
                            <li><a href=""
                                    target="_blank">人物国画</a></li>
                            <li><a href=""
                                    target="_blank">山水国画</a></li>
                            <li><a href=""
                                    target="_blank">水彩画</a></li>
                            <li><a href="" target="_blank">书法</a></li>
                        </ul>
                        <div class="more"><a href="" target="_blank">全部148场<i
                                    class="icon pc-icon icon-rignt-8px"></i></a></div>
                    </div>
                    <div class="special_storey_list clearfix">
                        <div class="cover_box"><img th:src="@{/img/1.jpg}" src="../static/img/1.jpg" alt=""></div>
                        <div class="list_box_2">
                            <span class="item_2">
                                <a target="_blank" href="/special/119394">
                                    <div class="img_box_2"><img class="lazy"
                                            data-src="../static/img/8d1839e0ff43159c_b.jpg"
                                         th:src="@{/img/8d1839e0ff43159c_b.jpg}" src="../static/img/8d1839e0ff43159c_b.jpg" alt="" data-load="1"
                                            onerror="imgerrorzhuanfun()"></div>
                                    <div class="lastTime">
                                        距结束 1天1时47分
                
                                        <span class="tags_red">
                                            热拍中
                                        </span>
                                    </div>
                                    <div class="title_2">中国文化 · 原装精美卡纸、旧裱老书画专场</div>
                                    <div class="view_bidNum clearfix">
                                        <span class="f_float">50件拍品</span>
                                        <span class="f_right">46859次浏览</span>
                                    </div>
                                    <div class="info_box">
                                        <div class="f_float_head_box">
                                            <div class="head_img_box"><img
                                                    th:src="@{/img/4512905.jpg}"   src="../static/img/4512905.jpg" alt=""></div> 墨笺楼
                                        </div>
                                    </div>
                                </a>
                            </span>
                            <span class="item_2">
                                <a target="_blank" href="/special/119585">
                                    <div class="img_box_2"><img class="lazy"
                                            data-src="../static/img/0d9fc993db25f4cc_b.jpg"
                                            th:src="@{/img/0d9fc993db25f4cc_b.jpg}" src="../static/img/0d9fc993db25f4cc_b.jpg" alt=""
                                            data-load="1" onerror="imgerrorzhuanfun()"></div>
                                    <div class="lastTime">
                                        距结束 1天1时48分
                
                                        <span class="tags_red">
                                            热拍中
                                        </span>
                                    </div>
                                    <div class="title_2">少将军衔、解放军洛阳外院原副院长 张升伦 书法作品专场</div>
                                    <div class="view_bidNum clearfix">
                                        <span class="f_float">9件拍品</span>
                                        <span class="f_right">32188次浏览</span>
                                    </div>
                                    <div class="info_box">
                                        <div class="f_float_head_box">
                                            <div class="head_img_box"><img
                                                    th:src="@{/img/4512905.jpg}"  src="../static/img/4512905.jpg" alt=""></div> 墨笺楼
                                        </div>
                                    </div>
                                </a>
                            </span>
                            <span class="item_2">
                                <a target="_blank" href="/special/119605">
                                    <div class="img_box_2"><img class="lazy"
                                            data-src="static/img/30f563422e83d464_b.jpg"
                                            th:src="@{/img/30f563422e83d464_b.jpg}" src="../static/img/30f563422e83d464_b.jpg" alt="" data-load="1"
                                            onerror="imgerrorzhuanfun()"></div>
                                    <div class="lastTime">
                                        距结束 1天1时49分
                
                                        <span class="tags_red">
                                            热拍中
                                        </span>
                                    </div>
                                    <div class="title_2">同一来源：夏湘平、李力生、爱新觉罗·启贤、武传国等名家书画专场</div>
                                    <div class="view_bidNum clearfix">
                                        <span class="f_float">13件拍品</span>
                                        <span class="f_right">24977次浏览</span>
                                    </div>
                                    <div class="info_box">
                                        <div class="f_float_head_box">
                                            <div class="head_img_box"><img
                                                    th:src="@{/img/4512905.jpg}" src="../static/img/4512905.jpg" alt=""></div> 墨笺楼
                                        </div>
                                    </div>
                                </a>
                            </span>
                            <span class="item_2">
                                <a target="_blank" href="/special/119447">
                                    <div class="img_box_2"><img class="lazy"
                                            data-src="//www.kfzimg.com/sw/kfz-cos/pmimg/acafbfcb/ad04b0f247c060c1_b.jpg"
                                             th:src="@{/img/ad04b0f247c060c1_b.jpg}" src="../static/img/ad04b0f247c060c1_b.jpg" alt="" data-load="1"
                                            onerror="imgerrorzhuanfun()"></div>
                                    <div class="lastTime">
                                        距结束 1天1时55分
                
                                        <span class="tags_red">
                                            热拍中
                                        </span>
                                    </div>
                                    <div class="title_2">著名画家、花鸟师承李苦禅大师、中国美术家协会北京分会会员钱卫国 书画专场</div>
                                    <div class="view_bidNum clearfix">
                                        <span class="f_float">30件拍品</span>
                                        <span class="f_right">634次浏览</span>
                                    </div>
                                    <div class="info_box">
                                        <div class="f_float_head_box">
                                            <div class="head_img_box"><img
                                                    th:src="@{/img/4512905.jpg}" src="../static/img/4512905.jpg" alt=""></div> 孔网古旧书店
                                        </div>
                                    </div>
                                </a>
                            </span>
                            <span class="item_2">
                                <a target="_blank" href="/special/117971">
                                    <div class="img_box_2"><img class="lazy"
                                            data-src="../static/img/9fefcc21dadda0ce_b.jpg"
                                            th:src="@{/img/9fefcc21dadda0ce_b.jpg}" src="../static/img/9fefcc21dadda0ce_b.jpg" alt="" data-load="1"
                                            onerror="imgerrorzhuanfun()"></div>
                                    <div class="lastTime">
                                        距结束 2天1时55分
                
                                        <span class="tags_red">
                                            热拍中
                                        </span>
                                    </div>
                                    <div class="title_2">沫沫小姐的书店老字画第211场</div>
                                    <div class="view_bidNum clearfix">
                                        <span class="f_float">13件拍品</span>
                                        <span class="f_right">633次浏览</span>
                                    </div>
                                    <div class="info_box">
                                        <div class="f_float_head_box">
                                            <div class="head_img_box"><img th:src="@{/img/4512905.jpg}" src="../static/img/4512905.jpg"
                                                    alt=""></div> 沫沫小姐
                                        </div>
                                    </div>
                                </a>
                            </span>
                            <span class="item_2">
                                <a target="_blank" href="/special/119395">
                                    <div class="img_box_2"><img class="lazy"
                                            data-src="../static/img/3009e1e545854339_b.jpg"
                                            th:src="@{/img/3009e1e545854339_b.jpg}"  src="../static/img/3009e1e545854339_b.jpg" alt="" data-load="1"
                                            onerror="imgerrorzhuanfun()"></div>
                                    <div class="lastTime">
                                        距结束 2天1时47分
                
                                        <span class="tags_red">
                                            热拍中
                                        </span>
                                    </div>
                                    <div class="title_2">中国文化 · 原装精美卡纸、旧裱老书画专场</div>
                                    <div class="view_bidNum clearfix">
                                        <span class="f_float">50件拍品</span>
                                        <span class="f_right">24059次浏览</span>
                                    </div>
                                    <div class="info_box">
                                        <div class="f_float_head_box">
                                            <div class="head_img_box"><img
                                                    th:src="@{/img/4512905.jpg}" src="../static/img/4512905.jpg" alt=""></div> 墨笺楼
                                        </div>
                                    </div>
                                </a>
                            </span>
                            <span class="item storey_item_none"></span>
                            <span class="item storey_item_none"></span>
                        </div>
                    </div>
                </div>
                  <!-- 底部 -->
               <!-- 底部 -->
        <footer>
            <div class="footer-box">
                <div class="footer-box-left">
                     2002-2022 Kongfz.com 追光人书城网 版权所有
                </div>
                <div class="footer-box-right">
                    <a href="">关于追光 </a>
                    <a href="">联系我们 </a>
                    <a href="">帮助中心 </a>
                    <a href="">版权隐私 </a>
                    <a href="">广告业务 </a>
                    <a href="">工作机会 </a>
                    <a href="">移动版 </a>
                    <a href="">图书目录 </a>
                    <a href="">图书标签 </a>
                    <a href="">热搜书籍 </a>
                    <a href="">作家大全</a>
                </div>
                <div class="footer-box-center1">
                    京ICP证041501号 | 京公网安备 11010502035846号 | 出版物经营许可证 | 企业营业执照 | 宗教信息服务许可证
                </div>
                <div class="footer-box-center2">
                    违法和不良信息举报电话：010-89648155， 违法和不良信息/涉未成年人有害信息投诉 shenhe@kongfz.com
                </div>
                <div class="footer-box-img">
                    <img th:src="@{/img/wangxin.png}" src="../static/img/wangxin.png" alt="">
                    <img th:src="@{/img/shilaohua.png}" src="../static/img/shilaohua.png" alt="">
                </div>
            </div>
        </footer>
         
            
    
    
              </div>
              <div class="layui-tab-item">内容2
                
              </div>
              <div class="layui-tab-item">
    内容3
              </div>
              <div class="layui-tab-item">内容4</div>
              <div class="layui-tab-item">内容5</div>
              <div class="layui-tab-item">内容6</div>
              <div class="layui-tab-item">内容7</div>
              <div class="layui-tab-item">内容8</div>
              <div class="layui-tab-item">内容9</div>
            </div>
          </div>
        </div>
    
               
</body>
<style>
    .auctioneer_tuijian{

        background: #f6f6f6 url(../static/img/bg.55910067.jpg) no-repeat 50%;
    }
</style>
</html>
<script>
    window.onload = function () {

        if (document.querySelector('.header-right-a').innerText === '退出') {
            console.log('执行...')
            document.querySelector('.basicShow').style.display = 'none'
        } else {
            document.querySelector('.basicShow').style.display = ''
        }

        if (document.querySelector('.layui-carousel-arrow[lay-type=add]')) {
            document.querySelector('.layui-carousel-arrow[lay-type=add]').innerText = '>'
            document.querySelector('.layui-carousel-arrow[lay-type=sub]').innerText = '<'
        }
    }
</script>